<template>
  <div>
    <div class="table_title">
      <i :class="icon"></i>
      <p>{{title}}</p>
    </div>
  </div>
</template>

<script>
// 封装组件
  // 设置父传子 

export default {
  name: 'Vuepro2209TableTitle',
    props:["title","icon"],
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>
<style lang="less">
    .table_title{
      width:100%;
      border:1px solid white;
      display:flex;
      line-height:45px;
      font-weight:bold;
      font-size:25px;
      color:white;
      margin-top:40px;
      i{
        font-size:40px;
        border:1px solid white;
        padding:5px;
      }
      p{
        margin-left:20px;
      }
    }
</style>